/*header*/
.header{width:100%;}
.h-top{background: #fff;}
.h-top .wrapp{height: 100%}
.h-top .container-fluid{display: flex;flex-direction: row;justify-content: space-between;height: 100%}
.h-logo{padding:25px 0;width:450px;height: 100%;transition: all .5s}
.h-logo .t1{font-size: 30px;color:#000000;letter-spacing: 2px}
.h-logo .t2{font-size: 15px;color:#666666;letter-spacing: 4px}
.h-nav{width:calc(100% - 500px);}
.h-menu{display: none}
.h-top.active{border-bottom: solid 1px #eee;background: rgba(255,255,255,.8);}
.h-top.active .h-logo{padding:10px 0;}
@media(max-width: 1400px){
/*.h-logo{width:480px;}*/
/*.h-nav{width:calc(100% - 550px);}*/
}
@media(max-width: 1200px){
.h-logo{width:370px;padding:15px 0;}
.h-logo .t1{font-size: 26px;letter-spacing: 2px}
.h-logo .t2{font-size: 14px;letter-spacing: 2.5px}
.h-nav{width:calc(100% - 400px);}
}
@media(max-width: 992px){
.h-nav{display: none;}
.h-menu{display: block;}
/*.h-logo{padding:10px 0;width:500px;}*/
}
@media(max-width: 768px){
.h-top{height: 70px;}
.h-logo{padding:5px 0;}
/*.h-logo{width:calc(100% - 80px);}*/
.h-top.active .h-logo{padding:10px 0;}
}
@media(max-width: 576px){
.h-top{height: 50px;}
.h-top .container-fluid{padding:0 3px;}
.h-logo .t1{font-size: 18px;letter-spacing: 2.5px;line-height: 1.2}
.h-logo .t2{font-size: 12px;letter-spacing: 0}
/*.h-logo{padding:5px 0;width:calc(100% - 35px);line-height: 40px}*/
.h-top.active .h-logo{padding:5px 0;}
}
/*ititle*/
.ititle{padding:30px 0;font-size: 48px;color:#000;letter-spacing: 3px;position: relative;text-align: center;line-height: 1}
.ititle:after{content:'';position: absolute;bottom: 5px;width:105px;height: 6px;background: var(--zhu-color);border-radius: 5px;left:50%;transform: translateX(-50%);}
@media(max-width: 576px){
.ititle{padding:10px 0 30px;font-size: 30px;}
.ititle:after{width:60px;height: 4px}
}
/*icom*/
.icom{padding:30px 0 0;}
.icom-bd{display: flex;flex-direction:row;padding:60px 0 0px;justify-content: space-between;}
.icom-bd img{width:566px;object-fit: cover;}
.icom-bd .txt{width:calc(100% - 596px);display: flex;flex-direction: column;}
.icom-bd .txt .t1{color:var(--pei-color);font-size: 24px;padding:20px 0;letter-spacing: 3px}
.icom-bd .txt .t2{font-size: 14px;line-height: 30px;color:#666666;-webkit-line-clamp:5;}
.icom-bd .txt a{color:var(--zhu-color);font-weight: bold;margin-top: 30px;transition: all .5s}
.icom-bd .txt a:hover{letter-spacing: 2px;color:var(--pei-color);}
@media(max-width: 992px){
.icom-bd img{width:430px;}
.icom-bd .txt{width:calc(100% - 445px);}
}
@media(max-width: 768px){
.icom-bd{flex-direction: column;}
.icom-bd img{width:100%;}
.icom-bd .txt{width:100%;}
}
@media(max-width: 576px){
.icom-bd{padding-top:30px;}
.icom-bd .txt .t1{letter-spacing: 0;font-size: 22px;}
}
/*izhuying*/
.izhuying{padding:30px 0 0;}
.izhuying-bd{padding:55px 0 0;overflow: hidden;}
.izhuying-bd .swiper-slide a{display: block;width:100%;overflow: hidden;transition: all .5s;position: relative;padding-bottom: 104px;}
.izhuying-bd .swiper-slide a .img{width:100%;position: relative;padding-bottom: 93%;overflow: hidden;transition: all .5s}
.izhuying-bd .swiper-slide a .img img{width:100%;height: 100%;object-fit: cover;position: absolute;transition: all .5s;}
.izhuying-bd .txt{padding:15px 0;background: #f4f6f8;text-align: center;color:#000000;width:100%;display: flex;flex-direction: column;justify-content: center; position: absolute;bottom:0;left:0;transition: all .5s;}
.izhuying-bd .txt .t1{font-size: 24px;;letter-spacing: 2px;}
.izhuying-bd .txt .t2{font-size: 12px;line-height: 16px;text-transform: uppercase;padding:0 30px;margin-top: 5px;height: 32px;overflow: hidden;height: 32px}
.izhuying-bd .swiper-slide a:hover .img{padding-bottom:123.8%; }
.izhuying-bd .swiper-slide a:hover .txt{background: rgba(24,144,255,.7);color:#fff;height: 100%;top:0px;}
.izhuying-bd .swiper-slide a:hover{border-radius: 5px;padding-bottom: 0}
@media(max-width:576px){
.izhuying-bd{padding-top: 30px;}
}
/*itech*/
.itech{overflow: hidden;padding:30px 0 0;}
.itech-bd{overflow: hidden;padding: 55px 15px 15px;}
.itech-bd .swiper-slide{overflow: hidden;display: flex;flex-direction: column;align-items: center;padding:30px;transition: all .5s;height: auto;/*height: 552px*/}
.itech-bd .swiper-slide i{color:var(--zhu-color);font-size: 60px;line-height: 1}
.itech-bd .swiper-slide .t1{font-size: 28px;color:#333;padding:15px 0;letter-spacing: 3px}
.itech-bd .swiper-slide .t2{font-size: 18px;color:#666666;line-height: 36px;letter-spacing: 2px}
.itech-bd .swiper-slide:hover{box-shadow: 0 0 15px #cecece;border-radius: 10px}
@media(max-width: 1400px){
/*.itech-bd .swiper-slide .t2{font-size: 16px;line-height:30px }*/
}
@media(max-width: 1200px){
.itech-bd{overflow: visible;padding:55px 0 15px;}
.itech-bd .swiper-slide{padding:30px 15px;}
}
@media(max-width: 576px){
.itech-bd{padding-top: 30px;}
.itech-bd .swiper-slide i{font-size: 40px;}
.itech-bd .swiper-slide .t1{font-size: 24px;}
.itech-bd .swiper-slide .t2{font-size:14px;line-height: 24px; }
}
/*ipro*/
.ipro{padding:30px 0 0;overflow: hidden;}
.ipro-bd{overflow: hidden;padding: 55px 0px 0;}
.ipro-bd a{display: block;position: relative;width:100%;margin-bottom: 30px;overflow: hidden;}
.ipro-bd a .img{width:100%;padding-bottom: 75%;overflow: hidden;border-radius: 5px;}
.ipro-bd a .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;}
.ipro-bd a .txt{width:100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0,0,0,.5);padding:35% 15px;color:#fff;font-size: 30px;vertical-align: middle;text-align: center;opacity: 1;transition: all .5s;}
.ipro-bd a .txt2{width:100%;position: absolute;bottom:-80px;background: var(--zhu-color);color:#fff;font-size: 30px;height: 80px;transition: all .4s;line-height: 80px;text-align: center; }
.ipro-bd a:hover .txt{opacity: 0}
.ipro-bd a:hover .txt2{bottom:0;}
@media(max-width: 576px){
.ipro-bd{padding-top: 30px}
.ipro-bd a .txt{padding:30% 15px;}
.ipro-bd a .txt2{height: 40px;bottom:-40px;line-height: 40px;font-size: 16px}
}
/*inews*/
.inews{padding:30px 0;overflow: hidden;background: #f5f2f2;}
.inews-bd{overflow: hidden;padding: 75px 0px 60px;position: relative;}
.inews-bd .swiper-slide{background: #fff;padding:30px;transition: all .5s}
.inews-bd .swiper-slide a{display: block;display: flex;flex-direction: column;width:100%;}
.inews-bd .swiper-slide a .hd{display: flex;flex-direction: row;justify-content: space-between;}
.inews-bd .swiper-slide a .hd .left{width:169px;}
.inews-bd .swiper-slide a .hd .left .img{width:100%;position: relative;padding-bottom: 100%;overflow: hidden;border-radius: 10px;}
.inews-bd .swiper-slide a .hd .left .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;}
.inews-bd .swiper-slide a .hd .right{width:calc(100% - 180px);display: flex;flex-direction: column;}
.inews-bd .swiper-slide a .hd .right .t1{font-size: 18px;color:#373838;letter-spacing: 1px}
.inews-bd .swiper-slide a .hd .right .t2{font-size: 12px;color:#5d5e5f;padding-top: 10px;position: relative;margin-top: 25px;}
.inews-bd .swiper-slide a .hd .right .t2:before{content:'';width:50px;height: 2px;background: #000;position: absolute;top:0;left:0;}
.inews-bd .swiper-slide a .bd{margin:15px 0;line-height: 24px;font-size: 15px;font-weight:lighter;-webkit-line-clamp:2;color:#5d5e5f;}
.inews-bd .swiper-slide-active{margin-top:-20px;}
.inews-bd .swiper-pagination-bullet{width:30px;height: 10px;border-radius: 10px;overflow: hidden;}
.inews-bd .swiper-pagination-bullet-active{width:50px;background: var(--zhu-color);position: relative;}
.inews-bd .swiper-pagination-bullet-active:after{content:'';width:0;background: var(--pei-color);border-radius: 10px;height: 100%;position: absolute;top:0;left:0px;animation:progress 3.5s linear 1;}
@keyframes progress
{
from {width:0px;}
to {width:150%;}
}
@media(max-width: 1200px){
.inews-bd .swiper-slide{padding:15px;}
.inews-bd .swiper-slide a .hd .left{width:140px;}
.inews-bd .swiper-slide a .hd .right{width:calc(100% - 150px);}
}
@media(max-width: 992px){
.inews-bd{padding-top:55px;}
.inews-bd .swiper-slide-active{margin-top:-0px;}
}
@media(max-width: 576px){
.inews-bd{padding-top:30px;}
.inews-bd .swiper-slide a .hd{flex-direction: column;}
.inews-bd .swiper-slide a .hd .left{width:100%;}
.inews-bd .swiper-slide a .hd .right{width:100%;margin-top: 15px;}
.inews-bd .swiper-slide a .hd .right{width:100%;}
}
/*footer*/
.footer{background:#323232;letter-spacing: 2px}
.f-hd{padding:50px 0;color: #fff;}
.f-search .t1{font-weight: bold;font-size: 18px;}
.f-search .search{width:225px;border-radius: 5px;height: 42px;overflow: hidden;margin:15px 0;}
.f-search .input-txt{width:calc(100% - 70px);float: left;background: #fff;height: 42px;padding:0 10px ;color: #666}
.f-search .input-btn{width:70px;text-align: center;line-height: 42px;float: right;background: #1890ff;color: #fff}
.f-search .input-btn:hover{background: var(--pei-color);}
.f-pro{display: flex;flex-direction: column;}
.f-pro .t1{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.f-pro .t2{margin-bottom: 15px}
.f-pro .t2 a{color: #fff;display: inline-block;float: left;}
.f-pro .t2 a:before{content:'\e88e';color: var(--pei-color);font-size: 16px;float: left;margin-right: 5px;font-family: 'iconfont'}
.f-pro .t2 a:hover{color: var(--pei-color);}
.f-con{display: flex;flex-direction: column;}
.f-con .t1{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.f-con .t2{font-size: 18px;line-height: 30px;padding:8px 0;}
.f-con .t2 a{color: #fff;}
.f-con .t2 a:hover{color: var(--pei-color);}
.f-con .t2 i{font-size: 24px;float: left;font-weight: lighter;margin-right: 5px;}
.f-ewm{text-align: center;}
.f-ewm img{max-width: 140px;}
.f-ewm p{margin-top:10px;}
.f-bd{background:#2b2b2b;text-align: center;color: #fff;line-height: 45px;padding:0 15px;opacity: 0.5}
.f-bd a{color:#fff;display: inline-block;}
.f-bd a:hover{color:var(--var-color);}
@media(max-width: 1200px){
.f-pro{display: none;}
}
@media(max-width: 992px){
.f-search{display: none;}
}
@media(max-width: 576px){
.f-con{margin-bottom: 30px}
.f-con .t1{font-size: 20px;}
.f-con .t2{font-size: 16px;}
.f-bd{line-height: 28px}
}
/*position*/
.position{padding:10px 0;box-shadow: 0 0 10px #eee;font-size: 16px;margin-top: 130px;letter-spacing: 1px;font-family: 'SimHei'}
.position a{color:#333;}
.position a:hover{color:var(--zhu-color);}
.position b{color:var(--zhu-color);}
@media(max-width: 1400px){
.position{margin-top: 108px;}
}
@media(max-width: 1200px){
.position{margin-top: 98px;}
}
@media(max-width: 992px){
.position{margin-top: 79px;}
}
@media(max-width: 768px){
.position{margin-top: 75px;}
}
@media(max-width: 576px){
.position{margin-top:55px;}
}
/*company*/
.company{padding:30px 0;}
.company .t1{font-size: 36px;font-weight: bold;color: var(--zhu-color);line-height: 1;letter-spacing: 2px}
.company .t2{font-size: 16px;color:#818181;line-height: 24px;text-transform: uppercase;margin-top:15px;position: relative;letter-spacing: 1px;padding-bottom: 25px}
.company .t2::after{content:'';position: absolute;width:62px;height: 5px;background: #818181;left:0;bottom:0px;}
.company .content{font-size: 16px;color: #333333;line-height: 36px;width:100%;margin-top:30px;overflow: hidden;}
@media(max-width: 1200px){
.company .t1{font-size: 30px;line-height: 36px;}
.company .t2{font-size: 14px;}
}
@media(max-width: 576px){
.company .t1{font-size: 22px;line-height: 32px;}
.company .t2{font-size: 12px;line-height: 16px;}
}
/*shili*/
.shili{overflow: hidden;margin: 30px 0;}
.shili-hd{text-align: center;font-weight: bold;font-size: 36px;}
.shili-bd .hd{width:100%;text-align: center;}
.shili-bd .hd ul{display: flex;width:100%;flex-direction: row;justify-content: center;}
.shili-bd .hd ul li{font-size: 16px;color: #656667;padding:15px;cursor: pointer;}
.shili-bd .hd ul li.on,.shili-bd .hd ul li:hover{color: var(--zhu-color);}
.shili-bd .bd{margin-top: 30px;}
.shili-bd .bd .item{width:100%;overflow: hidden;margin-bottom: 15px;transition: all .5s;display: block;}
.shili-bd .bd .item .pic{width:100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.shili-bd .bd .item .pic img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0; left:0;transition: all .5s}
.shili-bd .bd .item .txt{padding:30px 0;display: flex;flex-direction: row;justify-content: space-between;transition: all .5s}
.shili-bd .bd .item .txt span{width:130px;height: 30px;color: #111111;text-align: center;line-height: 30px;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;background: #e4e5e6;transition: all .5s;display: block;}
.shili-bd .bd .item:hover{box-shadow: 0 0 10px #ccc;}
.shili-bd .bd .item:hover .txt{padding:30px 10px;}
.shili-bd .bd .item:hover .pic img{transform: scale(1.1,1.1);}
.shili-bd .bd .item:hover .txt span{background: var(--zhu-color);color: #fff;}
.shili-bd .bd .item .txt p{width:calc(100% - 140px);font-size: 18px;color: #111111;}
/*contact*/
.contact{background: #5d95e0;overflow: hidden;margin-top:5px;}
.contact .section1{padding:45px 0;border-bottom: solid 1px #fff;}
.contact .title{font-size: 38px;color: #fff;display: flex;flex-direction: row;align-items: center;}
.contact .title:before{width:60px;height: 1px;background: #fff;margin-right: 15px;content:'';}
.contact .section1 .right{color:#fff;width:100%;}
.contact .section1 .right .t1{font-size: 30px;font-weight: bold;margin-bottom:30px;}
.contact .section1 .right .t2{font-size: 16px;line-height: 30px;letter-spacing: 1}
@media(max-width: 768px){
.contact .section1 .right .t1{margin-top: 30px;}
}
@media(max-width: 576px){
.contact .section1 .right .t1{font-size: 22px;margin:15px 0;}
}
.contact .section2{padding:45px 0;overflow: hidden;}
.contact .section2-bd{padding:30px 0 0;}
.contact .message .row>div{margin:15px 0;}
.contact .message input{height: 54px;line-height: 54px;background: #fff;padding:0 15px;border-radius: 5px;font-size: 12px;color: #666666;width:100%;}
.contact .message .item{}
.contact .message .textarea{border-radius:5px;background: #fff;color:#666666;width:100%;height: 136px;padding:15px;border:none;}
.contact .message .box{display: flex;flex-direction: row;justify-content: space-between;}
.contact .message .box .right{width:238px;}
.contact .message .box .right a{width:100%;height: 54px;background: var(--zhu-color);color: #fff;text-align: center;line-height: 54px;transition: all .5s;display: block;border-radius: 5px}
.contact .message .box .right a:hover{background: var(--pei-color);}
.contact .message .box .left{width:calc(100% - 240px);}
.contact .message .box .left img{width:170px;}
.contact .message .box .left input{width:208px;margin-right: 30px;}
@media(max-width: 768px){
.contact .message .row>div{margin:7px 0;}
.contact .message .box{flex-direction: column;}
.contact .message .box .left{width:100%;}
.contact .message .box .right{width:100%;margin-top: 15px}
}
@media(max-width: 576px){
.contact .message .box .left{display: flex;flex-direction: row;}
.contact .message .box .left img{width:130px;}
.contact .message .box .left input{width:calc(100% - 145px);}
}
.contact .section3{margin-bottom:30px;}
/*honor*/
.honor{overflow: hidden;margin: 30px 0;}
.honor-hd{text-align: center;font-weight: bold;font-size: 36px;}
.honor-bd{margin-top: 30px;}
.honor-bd .item{width:100%;overflow: hidden;transition: all .5s;margin-bottom: 15px;display: block;}
.honor-bd .item .pic{width:100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.honor-bd .item .pic img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0; left:0;transition: all .5s}
.honor-bd .item .txt{padding:30px 0;display: flex;flex-direction: row;justify-content: space-between;transition: all .5s}
.honor-bd .item .txt span{width:130px;height: 30px;color: #111111;text-align: center;line-height: 30px;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;background: #e4e5e6;transition: all .5s;display: block;}
.honor-bd .item:hover{box-shadow:0 0 10px #ccc;}
.honor-bd .item:hover .txt{padding:30px 10px;}
.honor-bd .item:hover .txt span{background: var(--zhu-color);color: #fff;}
.honor-bd .item:hover .pic img{transform: scale(1.1,1.1);}
.honor-bd .item .txt p{width:calc(100% - 140px);font-size: 18px;color: #111111;}
/*job*/
.job{min-height: 429px}
/*joblist*/
.jobs_list{ overflow: hidden;padding:30px 0; }
.jobs_list li{ width: 100%; margin-bottom: 30px; }
.jobs_list li .hd small{ font-size: 36px; color: #d9d9d9; line-height: 1; font-family: Tahoma; font-weight: bold; text-transform: uppercase; }
.jobs_list li .hd b{ font-weight: bold; display: block; font-size: 27px; color: #404040; line-height: 1; margin:16px 0 0; }
.jobs_list li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f1f1f3; padding:60px 0; }
.jobs_list li a b{ font-weight: normal; display: block; box-sizing: border-box; padding:0 20px 20px; font-size: 22px; color: #1a152b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative; }
.jobs_list li a b::after{ content: ""; display: inline-block; width: 30px; height: 4px; background: var(--pei-color); transition: all .6s; position: absolute; bottom:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.jobs_list li a small{ display: inline-block; margin-top: 30px; padding:12px 42px; background: transparent; border:1px solid #72707c; border-radius: 30px; font-size: 12px; color: #1a152b; line-height: 1; transition: all .6s; }
.jobs_list li a:hover small{ transition: all .6s; background:var(--zhu-color); border-color: var(--zhu-color); color: #fff; }
.jobs_list li a:hover b::after{ transition: all .6s; width: 60px; }
@media(max-width: 1400px){
}
@media(max-width: 1200px){
}
@media(max-width: 992px){
.jobs_list li .hd small{ font-size:30px; }
.jobs_list li .hd b{ font-size: 24px; margin:10px 0 0; }
}
@media(max-width: 768px){
.jobs_list li{ margin-bottom: 25px; }
.jobs_list li .hd small{ font-size:26px; }
.jobs_list li .hd b{ font-size: 20px; margin:6px 0 0; }
}
@media(max-width: 640px){
.jobs_list li{ margin-bottom: 20px; }
.jobs_list li .hd{ margin: 12px 0; display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; }
.jobs_list li .hd b{ margin-top:0; margin-right: 12px; }
.jobs_list li .hd small{ font-size: 24px; }
}
@media(max-width: 576px){
.jobs_list li{ margin-bottom: 15px; }
.jobs_list li .hd{ margin: 10px 0; }
.jobs_list li .hd small{ font-size: 20px; }
.jobs_list li a{ padding:30px 0; }
.jobs_list li a b{ font-size: 18px; }
.jobs_list li a small{ padding:8px 24px; margin-top: 20px; }
}
/*jobinfo*/
.jobs_info{ margin:0 auto; padding:65px; position:relative; }
.jobs_info .close{position: absolute;right: 30px;top: 30px;width:120px;z-index:1;cursor:pointer}
.jobs_info .close img{display:block;-webkit-animation:2s ease-out infinite warn;-moz-animation:2s ease-out infinite warn;-o-animation:2s ease-out infinite warn;animation:2s ease-out infinite warn}
.jobs_info .info{ overflow: hidden; }
.jobs_info .info > b{ font-size: 39px; color: #ffffff; letter-spacing: 2px; display: block; margin-bottom: 60px; width: 80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight: normal; }
.jobs_info .info .txt{ overflow: hidden; display: flex; flex-wrap: wrap; }
.jobs_info .info dir{ padding:0; margin-bottom: 30px; width: 50%; box-sizing: border-box; padding-right: 30px; }
.jobs_info .info dir strong{ font-size: 29px; display: block; color: #ffffff; position: relative; padding-bottom: 25px; margin-bottom: 26px;font-weight: normal;font-family: 'SimHei'; }
.jobs_info .info dir strong::before{ content: ""; display: block; width: 40px; height: 5px; background: #e2261c; border:0; position: absolute; left:0; bottom:0; }
.jobs_info .info dir p{ font-size: 14px; color: #ffffff; line-height: 1.8; position: relative; padding-left: 18px; letter-spacing: 1px}
.jobs_info .info dir p::before{ content: ""; display: block; width: 4px; height: 4px; background: #fff; border:0; position: absolute; left:0; top:10px; border-radius: 50%;font-weight:lighter; }
.jobs_info .info .btn{ margin-top: 15px; display: flex; align-items: center; justify-content: center; }
.jobs_info .info .btn a{ text-decoration: none; display: inline-block; padding:12px 44px; border:1px solid #fff; font-size: 12px; color: #ffffff; line-height: 1; border-radius: 30px; }
.jobs_info .info .btn a:nth-child(1){ border-color: #e2261c; background: #e2261c; }
.jobs_info .info .btn a:nth-child(2){ margin-left: 40px;transition: all .5s }
.jobs_info .info .btn a:nth-child(2):hover{border-color: #e2261c; background: #e2261c; color:#fff;}
@media only screen and (max-width: 1200px){
.jobs_info .info > b{ font-size: 32px; margin-bottom: 30px; }
.jobs_info .info dir{ margin-bottom: 30px; }
.jobs_info .info dir strong{ font-size: 24px; padding-bottom: 30px; }
.jobs_info .close img{ width: 70%; height: 70%; float: right; }
}
@media only screen and (max-width: 992px){
.jobs_info{ padding:40px; }
.jobs_info .info dir{ width:100%; padding-right: 0; margin-bottom: 0; }
}
@media only screen and (max-width: 768px){
.jobs_info{ padding:30px; }
.jobs_info .close img{ width: 60%; height: 60%; }
}
@media only screen and (max-width: 640px){
.jobs_info .close{ top:20px; right:20px; }
.jobs_info{ padding:20px 20px 40px; }
.jobs_info .close img{ width: 50%; height: 50%; }
.jobs_info .info > b{ font-size: 28px; margin-bottom: 20px; }
.jobs_info .info dir strong{ font-size: 20px; padding-bottom: 20px; }
}
@media only screen and (max-width: 576px){
.jobs_info .close img{ width: 40%; height: 40%; }
.jobs_info .info > b{ font-size: 24px; margin-bottom: 15px; }
.jobs_info .info dir strong{ font-size: 18px; padding-bottom: 15px; }
.jobs_info .info .btn a{padding:5px 15px;}
}
@-webkit-keyframes warn{
from,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
50%{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@-moz-keyframes warn{
from,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
50%{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@-o-keyframes warn{
from,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
50%{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@keyframes warn{
from,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
50%{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
/*newslist*/
.newslist{padding:30px 0;}
.newslist .row{padding:15px 0;}
.newslist .row>div{}
.newslist .item{width:100%;display: block;position: relative;transition: all .5s;margin-bottom: 30px;}
.newslist .item .pic{width:100%;position: relative;overflow: hidden;padding-bottom: 125%;}
.newslist .item .pic img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.newslist .item .txt{background: #fff;padding:30px;position: absolute;bottom:30px;left:50%;transform: translateX(-50%);width:calc(100% - 60px);letter-spacing: 1px}
.newslist .item .txt .t1{color: #303e5c;}
.newslist .item .txt .t2{font-size: 18px;color: var(--zhu-color);margin-top: 15px;}
.newslist .item .txt .t3{font-size: 15px;line-height: 24px;color:#303e5c;margin-top: 15px;height: 0px;transition: all .5s}
.newslist .item:hover{box-shadow: 0 0 10px #ccc;}
.newslist .item:hover .txt .t3{height: 72px;}
@media(max-width: 992px){
.newslist .item .txt{bottom:15px;padding:15px;width:calc(100% - 30px);}
}
/*newsinfo*/
.newsinfo{padding:30px 0;overflow:hidden;}
.newsinfo-left{overflow: hidden;}
.newsinfo-left .img{margin-bottom: 30px;}
.newsinfo-left .t1{font-size: 28px;color: #111111;}
.newsinfo-left .t2{margin:15px 0 15px;}
.newsinfo-left .content{line-height:260%;color: #111111;font-size: 110%}
.newsinfo-right{padding-bottom: 15px;}
.newsinfo-right .hd{font-size: 24px;color: #333;font-weight: bold;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.newsinfo-right .hd:after{content:'';width:15px;height: 4px;background: #666666}
.newsinfo-right .bd{margin-top:30px;}
.newsinfo-right .bd a{width:100%;padding:20px 30px;overflow: hidden;display: flex;flex-direction: column;transition: all .5s;letter-spacing: 1px;}
.newsinfo-right .bd a .t1{font-size: 18px;color: #333;padding:12px 0;position: relative;border-bottom:solid 1px #e4e5e6;}
.newsinfo-right .bd a .t1:after{content:'';width:0;height: 1px;background:var(--zhu-color);position: absolute;left:0;bottom:0;transition: all .5s}
.newsinfo-right .bd a .t2{font-size: 18px;color: #333;margin-top: 10px}
.newsinfo-right .bd a:hover{box-shadow:0 0 10px #ccc;}
.newsinfo-right .bd a:hover .t1:after{width:100%;}
@media(max-width: 992px){
.newsinfo-right{margin-top: 60px;padding-bottom: 15px;}
}
/*sidebar*/
.sidebar{overflow: hidden; }
.sideMenu{overflow: height}
.sideMenu h3{ cursor:pointer;font-size: 18px;color:#111;height: 55px;line-height: 55px;}
.sideMenu hr{margin:0;border-top: solid 1px #999999;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/side-icon2.jpg) 0px -20px no-repeat; cursor:pointer; margin-top:12px;}
.sideMenu h3 a{color:#111;}
.sideMenu h3 a:hover{color:var(--zhu-color);}
.sideMenu h3.on em{ background-position:0px 10px; }
.sideMenu ul{ padding:0px 8px; color:#999; display:none; margin-bottom: 15px;}
.sideMenu ul a{ font-size: 14px;color: #666; background: url(../images/side-icon.jpg) 3px 7px no-repeat;padding:5px 0 5px 25px;display: block;}
.sideMenu ul a:hover,.sideMenu ul a.active{background: url(../images/side-icon.jpg) no-repeat;background-position: 3px -22px;color:var(--zhu-color);}
/*prolist*/
.prolist{overflow: hidden;padding:30px 0;min-height: 424px}
.prolist-left .hd{font-size: 18px;padding-left: 36px;position: relative;padding-top: 10px;}
.prolist-left .hd:before{content:'';width:20px;height: 10px;background: #666666;position: absolute;left:0;top:18px;}
.prolist-right{padding:10px 0;}
.prolist-right .item{display: block;display: flex;flex-direction: column;padding-bottom: 15px;transition: all .5s;margin-bottom: 15px;}
.prolist-right .item .pic{position: relative;width:100%;padding-bottom:79%; overflow: hidden;border-radius: 5px;}
.prolist-right .item .pic img{position: absolute;width:100%;height: 100%;object-fit: cover;top:0;left:0;transition: all .5s}
.prolist-right .item .txt{margin-top: 5px;transition: all .5s}
.prolist-right .item .txt .t1{font-size: 18px;color: #111111;padding:10px 0 5px;font-weight: bold;}
.prolist-right .item .txt span{color: #696a6d;}
.prolist-right .item:hover{box-shadow: 0 0 10px #ccc;}
.prolist-right .item:hover .txt{padding:0 10px;}
.prolist-right .item:hover .txt .t1{color: var(--zhu-color)}
.prolist-right .item:hover .pic img{transform: scale(1.1,1.1);}
@media(max-width: 576px){
.prolist-right .item .txt span{display: none;}
}
/*proinfo*/
.proinfo-hd{display: flex;flex-direction: row;justify-content: space-between;padding:30px 0;}
.proinfo-hd-left{ width:760px;}
.proinfo-hd-right{ width:calc(100% - 760px); padding:0 30px;}
.picFocus{width: 100%; overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;}
.picFocus .bdd{ width: calc(100% - 160px);overflow: hidden;}
.picFocus .bdd li{width: 100%; overflow: hidden; float: left;}
.picFocus .bdd li .pt-box{ border: 1px solid #dedede;overflow: hidden;}
.picFocus .bdd li .title{ text-align: center; color: #334764; font-size: 30px; font-weight: 700; padding-top: 15px;}
.picFocus .bdd li .ctxt{ text-align: center; color: #999; font-size: 19px;line-height: 35px;}
.picFocus .bdd li .img{ padding-top: 15px; text-align: center;width:100%;padding-bottom: 79%;position: relative;overflow: hidden;}
.picFocus .bdd li .img img{width: 100%; height: 100%; object-fit:cover;position: absolute;top:0;left:0;}
.picFocus .hd{ width:145px; overflow:hidden; }
.picFocus .hd ul{ overflow:hidden; zoom:1;display: flex;flex-direction: column;justify-content: space-between;height: 100% }
.picFocus .hd ul li{width:100%!important;height: auto;}
.picFocus .hd ul li .img{ width:100%;padding-bottom: 79%;position: relative;overflow: hidden;height: auto;border:1px solid #ebebeb;}
.picFocus .hd ul li img{ width:100%; height:100%; cursor:pointer;position: absolute;top:0;left:0;}
.picFocus .hd li.swiper-slide-thumb-active{border:1px solid var(--zhu-color);}
.proinfo-hd-right .title{font-size: 26px;color: #111;line-height: 1;font-weight: bold;}
.proinfo-hd-right .desc{background:#fafbfc;padding:15px 30px;margin-top:15px;line-height: 24px;}
.proinfo-hd-right .desc .t1 b{font-size: 16px;color: #111111;font-weight: bold;}
.proinfo-hd-right .desc .t2{margin-top:10px;}
.proinfo-hd-right .param{}
.proinfo-hd-right .param .hd{border:solid 1px #e5e6e9;padding:10px 25px;margin:15px 0 0;font-size: 16px;color: #000;font-weight: bold;}
.proinfo-hd-right .param .bd{padding:15px 30px 0;}
.proinfo-hd-right .param .bd li{font-size: 16px;color: #696a6d;line-height: 26px;display: flex;flex-direction: row;}
.proinfo-hd-right .param .bd li .rt{font-weight: bold;color: #272423;}
.proinfo-hd-right .btnn{display: flex;flex-direction: row;margin-top: 15px;}
.proinfo-hd-right .btnn a{color:#696a6d;border:solid 1px #696a6d;width: 205px;height: 50px;text-align: center;line-height: 50px;display:block;margin-right: 30px;transition: all .5s}
.proinfo-hd-right .btnn a.on{background: var(--zhu-color);border-color: var(--zhu-color);color: #fff;}
.proinfo-hd-right .btnn a:hover{background: var(--zhu-color);border-color: var(--zhu-color);color: #fff;}
.proinfo-bd{padding:30px 0;}
.proinfo-bd .title{font-size: 36px;color:#111111;font-weight: bold;position: relative;padding-left: 20px;line-height: 1}
.proinfo-bd .title:before{content:'';width:6px;height: 40px;background: #111111;position: absolute;left:0;top:0;}
.prodesc .content{line-height: 260%;font-size: 110%;padding:30px 0;}
.proxg-bd{padding:45px 10px 30px;overflow: hidden;width:100%;}
.proxg-bd .swiper-slide{transition: all .5s}
.proxg-bd a{display: block}
.proxg-bd .pic{width:100%;padding-bottom: 79%;overflow: hidden;position: relative;border-radius: 5px;}
.proxg-bd .pic img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;}
.proxg-bd .txt{padding:15px 0;overflow: hidden;transition: all .5s}
.proxg-bd .txt .t1{font-size: 18px;color: #000;}
.proxg-bd .txt span{color: #696a6d;margin-top: 5px;float: left;}
.proxg-bd .swiper-slide:hover{box-shadow: 0 0 10px #ccc;}
.proxg-bd .swiper-slide:hover .txt{padding:15px 10px;}
.proxg-bd .swiper-slide:hover .txt .t1{color:var(--zhu-color);}
@media(max-width: 1200px){
.proinfo-hd-left{ width:590px;}
.proinfo-hd-right{ width:calc(100% - 600px);padding:0 15px;}
.proinfo-hd-right .desc .t2{-webkit-line-clamp:2;}
.picFocus .hd{width:110px;}
.picFocus .bdd{width:calc(100% - 120px);}
}
@media(max-width:992px){
/*.proinfo-hd-left{ width:450px;}
.proinfo-hd-right{ width:calc(100% - 460px);}
.proinfo-hd-right .desc .t2{-webkit-line-clamp:5;}
.picFocus{flex-direction: column-reverse;}
.picFocus .hd{width:100%;margin-top: 15px;}
.picFocus .hd ul{display: flex;flex-direction: row;justify-content: space-between;}
.picFocus .hd ul li{width:24%!important;}
.picFocus .bdd{width:100%;}*/
}
@media(max-width: 992px) {
.proinfo-hd{flex-direction: column;}
.proinfo-hd-left{width:100%;}
.proinfo-hd-right{width:100%;padding:0;margin-top: 30px;}
}
@media(max-width: 768px) {
.picFocus{flex-direction: column-reverse;}
.picFocus .hd{width:100%;margin-top: 15px;}
.picFocus .hd ul{display: flex;flex-direction: row;justify-content: space-between;}
.picFocus .hd ul li{width:24%!important;}
.picFocus .bdd{width:100%;}
}
@media(max-width: 576px){
.proinfo-hd-right .desc{padding:15px;}
.proinfo-hd-right .param .bd{padding:15px 0;}
}
/*分页*/
.de-page-mian{overflow:hidden;text-align:center;font-size:0;margin:10px 0 35px;width:100%;}
.de-page-mian .page-inner{display:inline-block;overflow:hidden;}
.de-page-mian .page-inner a{display:block;float:left;min-width:26px;padding:0 5px;height:36px;border:1px solid #dddddd;background:#fff;text-align:center;line-height:36px;font-size:14px;color:#333;margin-right:-1px;overflow:hidden;}
.de-page-mian .page-inner a.active,.de-page-mian .page-inner a:hover{color:#fff;border-color:#237ed2;background:#237ed2;}
.de-page-mian .page-inner a.prev{margin-right:10px;background:#fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background:#fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color:#fff;border-color:#dddddd;}
.de-page-mian .page-inner a.next{margin-left:10px;margin-right:15px;background:#fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background:#fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color:#fff;border-color:#dddddd;}
.de-page-mian .page-inner a.page-btn{font-size:12px;margin-right:0;width:63px;margin-left:10px;display: none;}
.de-page-mian .page-inner span{display:none;font-size:12px;color:#333;float:left;line-height:38px;}
.de-page-mian .page-inner input{display:none;float:left;height:36px;width:36px;border:1px solid #dddddd;text-align:center;line-height:36px;font-size:14px;color:#333;margin:0 5px;}
/*no-goods*/
.no-goods{width:100%;text-align: center;padding:60px 0;}
.no-goods p{font-size: 16px;}
/*è”系我们地图*/
#dituContent{width:100%;height: 445px;}
/*single*/
.single .content{line-height: 260%;min-height: 400px;padding:30px 0;}